/*
 * @Description:
 * @Version:
 * @Autor: ljw
 * @Date: 2022-01-11 14:57:33
 * @LastEditors: lcz
 * @LastEditTime: 2023-10-07 10:53:20
 */
import { Link } from "react-router-dom";
import { Button } from "antd";
import styles from "./index.module.scss";

export default () => {
  return (
    <div className={styles.container}>
      <div className={styles.left}>
        <h2 className={`${styles.title} animate__animated animate__rubberBand`}>404 Not Found</h2>
        <div>
          <h1 className={styles["content-title"]}>It's Empty Here</h1>
          <div className={styles.tips}>Looks like this page can't be found. Maybe lit was moved or renamed</div>
          <Link to='/'>
            <Button>Back To Home</Button>
          </Link>
        </div>
      </div>
      <div className={styles.right}></div>
    </div>
  );
};
